<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>全球No.1韩国化妆品平台 - 美美箱Memebox</title>
	<link rel="stylesheet" href="css/index.css" />
	<link rel="stylesheet" href="css/index1.css" />
	<link rel="stylesheet" href="js/swiper/swiper.css" />
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery/jquery-1.11.3.js"></script>
	<script src="js/js/jquery.fly.min.js"></script>
	<script src="js/index.js"></script>
	<script src="js/swiper/swiper.js"></script>
	<script src="js/slider.js"></script>
	<script src="js/PgwMenu.js"></script>

</head>
<body>
	<div id="header">
	<div id="header_inner">
			<div class="gnbTop">
				<div class="gnbTopInner">
					<div id="hander_left">
						<ul>
							<li>
								<i class="icon-welcome-white"></i> 100%韩国正品美美箱
							</li>
							<li>
								<i class="icon-punch-white"></i>
							</li>
							<li><span>[每日签到]</span>每月累计签到满10次，即可获得5蜜豆</li>
						</ul>
					</div>
					<div id="hander_right">
						<ul>
							<li>
								<a href="html/dengru.html">登入</a>
							</li>
							<li>
								<a href="html/zhuce.html">注册</a>
							</li>
							<li>|</li>
							<li>
								<a href="">
									<i class="icon-iphone"></i> 手机APP
									<div class="downloadapp">
										<i class="qrcode-angel"></i>
										<div class="qrcode"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="icon-service-white"></i> 在线客服
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--导航结束-->
			<div class="header_primary_container">
				<div class="header_primary  header container">
					<div class="logo">
						<a href="#">
							<img src="img/new-logo_memebox-china.png" alt="" />
						</a>
					</div>
					<div class="form-search">
						<input id="search" type="text" class="input-text">
						<button type="submit" class="buttton">
			        			<i class="icon-search-in"></i>
			        		</button>
					</div>
				</div>
			</div>

			<div id="nav">
				<div id="nav_inner">
					
					<ul>
						<i class="nav_innerli"style="float:left">
							<a class="navv_top" href=""><i class="classify_icon"></i>商品分类</a>
							<div class="nav_toponefenlei">
								<ul class="prosul clearfix"id="proinfo">
									<li><p><a href="#">面膜</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">免洗面膜</a></li>
	                                            <li><a target="_blank" href="">水洗面膜</a></li>
	                                            <li><a target="_blank" href="">撕拉面膜</a></li>
	                                            <li><a target="_blank" href="">其他</a></li>
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="#">洁面卸妆</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">洁面乳</a></li>
	                                            <li><a target="_blank" href="">面部去角质/磨砂</a></li>
	                                            <li><a target="_blank" href="">洁面膏/皂/粉</a></li>
	                                            <li><a target="_blank" href="">洁面啫喱/慕斯/泡沫</a></li>
	                                            <li><a target="_blank" href="">卸妆</a></li>
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="">水乳/面霜/精华</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">爽肤水</a></li>
	                                            <li><a target="_blank" href="">精华</a></li>
	                                            <li><a target="_blank" href="">乳液</a></li>
	                                            <li><a target="_blank" href="">面霜</a></li>
	                                            
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="">个人护理</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">防晒</a></li>
	                                            <li><a target="_blank" href="">沐浴</a></li>
	                                            <li><a target="_blank" href="">洗护/没发</a></li>
	                                            <li><a target="_blank" href="">口腔护理</a></li>
	                                            <li><a target="_blank" href="">身体护理</a></li>
	                                            <li><a target="_blank" href="">纤体美体</a></li>	                                        
	                                            <li><a target="_blank" href="">精油护理</a></li>
	                                            <li><a target="_blank" href="">私密护理</a></li>	                                           
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="#">底妆/修容</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">隔离霜/妆前乳</a></li>
	                                            <li><a target="_blank" href="">BB/CC霜</a></li>
	                                            <li><a target="_blank" href="">粉底/遮瑕</a></li>
	                                            <li><a target="_blank" href="">粉饼/蜜饼/散粉</a></li>
	                                            <li><a target="_blank" href="">腮红/高光/修容</a></li>
	                                            <li><a target="_blank" href="">防晒</a></li>	                                        
	                                            	                                           
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="#">眼唇彩妆/护理</a></p>
										<div class="sub-classify">
											<ul>
	                                           	<li><a target="_blank" href="">眼线笔/液/膏</a></li>
	                                            <li><a target="_blank" href="">睫毛膏/增长液</a></li>
	                                            <li><a target="_blank" href="">眼影</a></li>
	                                            <li><a target="_blank" href="">唇彩/蜜/釉/染唇</a></li>
	                                            <li><a target="_blank" href="">口红</a></li>
	                                            <li><a target="_blank" href="">眉笔/染眉/眉粉</a></li>	                                        
	                                            <li><a target="_blank" href="">假睫毛</a></li>
	                                            <li><a target="_blank" href="">眼唇护理</a></li>	                                           
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="#">美甲护甲</a></p>
										<div class="sub-classify">
											<ul>
	                                    
	                                            <li><a target="_blank" href="">指甲油</a></li>	                                           
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
									<li>
										<p><a href="#">美护工具</a></p>
										<div class="sub-classify">
											<ul	                                           	
	                                            <li><a target="_blank" href="">化妆刷</a></li>	                                        
	                                            <li><a target="_blank" href="">洁面工具</a></li>
	                                            <li><a target="_blank" href="">美甲工具</a></li>	                                           
	                                            <li><a target="_blank" href="">其他</a></li>	                                       
                                            </ul>
										</div>
									</li>
								</ul>
							</div>	
						</i>
						<li class="nav_innerli">
							<a class="nav_top" href=""><span id="" style="color:#ff5073">主页</span></a>
						</li>
						<li class="nav_innerli">
							<a class="nav_top" href=""><span>极速仓<span class="cat-label cat-label-label2 pin-bottom"></span></span>
							</a>
						</li>
						<li class="nav_innerli">
							<a class="nav_top" href="#"><span>面膜</span></a>
							<div id="mysmallnav" class="dia">
								<div id="mysmallnavinner">
									<ul>
										<li><a href="#"><span>Leaders/Mediheal专区</span></a></li>
										<li><a href="#"><span>Innisfree面膜专区</span></a></li>
										<li><a href="#"><span>补水面膜专区</span></a></li>
										<li><a href="#"><span>美白面膜专区</span></a></li>
										<li><a href="#"><span>祛痘修复面膜专区</span></a></li>
										<li><a href="#"><span>动物面膜专区</span></a></li>
										<li><a href="#"><span>面膜场-韩国直邮与中国仓</span></a></li>											
									</ul>
								</div>
							</div>									
							
						</li>								
						<li class="nav_innerli"><a class="nav_top " href=" "><span>新货</span></a></li>
						<li class="nav_innerli">
							<a class="nav_top " href=" "><span>直邮</span></a>
							<div id="mysmallnav" class="dia">
								<div id="mysmallnavinner">
									<ul>
										<li><a href="#"><span>直邮礼盒</span></a></li>
										<li><a href="#"><span>韩国热卖套组专场</span></a></li>
										<li><a href="#"><span>韩国免税店热卖</span></a></li>
										<li><a href="#"><span>夏季护肤</span></a></li>
										<li><a href="#"><span>夏季底妆</span></a></li>
										<li><a href="#"><span>面膜</span></a></li>
																				
									</ul>
								</div>
							</div>	
						</li>
						<li class="nav_innerli"><a class="nav_top " href=" "><span>礼盒</span></a></li>
						<li class="nav_innerli">
							<a class="nav_top " href=" "><span>PONY</span></a>
							<div id="mysmallnav" class="dia">
								<div id="mysmallnavinner">
									<ul>
										<li><a href="#"><span>PONY EFFECT</span></a></li>
										<li><a href="#"><span>PONY x MEMEBOX</span></a></li>
										<li><a href="#"><span>热卖排行榜</span></a></li>
										<li><a href="#"><span>PONY唇语</span></a></li>
										<li><a href="#"><span>高颜值单品</span></a></li>
										<li><a href="#"><span>PONY美肌</span></a></li>																				
									</ul>
								</div>
							</div>	
						</li>
						<li class="nav_innerli"><a class="nav_top " href=" "><span>美美妆</span></a>
							<div id="mysmallnav" class="dia">
								<div id="mysmallnavinner">
									<ul>
										<li><a href="#"><span>美美妆热销产品</span></a></li>
										<li><a href="#"><span>NOONI专区</span></a></li>
										<li><a href="#"><span>I'M MEME</span></a></li>
										<li><a href="#"><span>PONY EFFECT</span></a></li>																														
									</ul>
								</div>
							</div>	
						</li>								
						<li class="nav_innerli">
							<a class="nav_top " href=" "><span>I'M MEME</span></a>
							<div id="mysmallnav" class="dia">
								<div id="mysmallnavinner">
									<ul>
										<li><a href="#"><span>我爱眼妆</span></a></li>
										<li><a href="#"><span>我爱唇妆</span></a></li>
										<li><a href="#"><span>我爱底妆</span></a></li>
										<li><a href="#"><span>我爱腮红</span></a></li>
										<li><a href="#"><span>我爱气垫</span></a></li>
										<li><a href="#"><span>我爱眉妆</span></a></li>
										<li><a  href="#" target="_blank"><span>我爱卸妆</span></a></li>
										<li><a  href="#" target="_blank"><span>我爱美甲</span></a></li>
										<li><a href="" target="_blank"><span>我爱工具</span></a></li>
										<li><a  href="" target="_blank"><span>明星产品</span></a></li>
										<li><a  href="" target="_blank"><span>新品上市</span></a></li>
									</ul>
								</div>
							</div>	
						</li>
						<li class="nav_innerli"><a class="nav_top " href=" "><span>K-BEAUTY STYLE</span></a></li>	
					</ul>
		</div>
	</div>				
</div>		
</div>	
<script>
$(function(){
	
	$("#nav_inner li").hover(function(){
		$(this).children().find("span").css({"color":"#ff5073"})
		//($(this).children().find("")
		$(this).find("#mysmallnav").show()		
	},function(){
		$(this).children().find("span").css({"color":""})
		$(this).stop().find("#mysmallnav").hide()
	})
//	$("nav_toponefenlei li").hover(function(){		
//		$(this).find("ul").show()	
//	})
})

$(document).ready(function(){
	   //$('.prosul').pgwMenu();
	var $ul=$("#proinfo"),$list=$ul.find("li");
	$list.hover(function(){
		$(this).addClass("back");		
		$(this).children().children().css({color:"#ff5073"})
		//if()
		$(this).find(".sub-classify").show()		
	},function(){		
		$(this).removeClass("back");
		$(this).children().children().css({color:""})
		$(this).find(".sub-classify").hide()
	});
})


</script>		
		
		
<div id="left">
	<div class="leftleft ">
		<img src="img/szj.png" alt=" " class="pl">
	</div>
</div>

<!--banner图-->	
		<div class="banner">
			 <div style="">
				<div class="guess-slides">
			   	 <div class="swiper-wrapper">								
					<div class="swiper-slide">
						<a href="#">
							<img src="img/20172922456banner1.jpg"hight="495" alt=" ">							
						</a>
					</div>					
					<div class="swiper-slide">
						<a href="#">
							<img src="img/20172922456banner2.jpg" hight="495"alt=" ">							
						</a>
					</div>									
			   	 </div>
			   	 <div class="swiper-pagination"style="">
					<span style="background:#ff5073;"></span>
					<span></span>
				</div>
			</div>
		</div>	
		</div>
		
		<!--猜你喜欢-->
		<div class="main container show-bg">
		<div id="guesslike">
			<h3>猜你喜欢</h3>
			<span class="subtitle">爱你所爱，为你寻找世间好物</span>
			<div style="position: relative;padding-bottom: 90px; ">
			<div class="guess-slide">
			   	 <div class="swiper-wrapper">
					<div class="swiper-slide" style="width: 293px; ">
						<a href="#">
							<img src="img/s1817-1.jpg" alt=" ">
							<div class="product-like-name ">SKINFOOD 思亲肤&nbsp;巧克力眉粉</div>
							<div class="prices">￥26.00<del class="originPrice ">￥40.00</del></div>
						</a>
					</div>
					<div class="swiper-slide " style="width: 293px; ">
						<a href="# ">
							<img src="img/p131_5.jpg " alt=" ">
							<div class="product-like-name ">IM&nbsp;我爱睫毛膏 #01 纤长卷翘</div>
							<div class="prices ">￥109.00<del class="originPrice ">￥109.00</del></div>
						</a>
					</div>
					<div class="swiper-slide " style="width: 293px; ">
						<a href="#">
							<img src="img/im--_-_b007.jpg " alt=" ">
							<div class="product-like-name ">IM&nbsp; 我爱两用清洁毛孔刷 #B007</div>
							<div class="prices ">￥148.00<del class="originPrice ">￥148.00</del></div>
						</a>
					</div>
					<div class="swiper-slide " style="width: 293px; ">
					<a href="#">
						<img src="img/ds171_3.jpg " alt=" ">
						<div class="product-like-name ">LANEIGE 兰芝&nbsp;雪纱防晒妆前打底隔离霜 SPF 22 PA++</div>
						<div class="prices ">￥169.00<del class="originPrice ">￥257.00</del></div>
					</a>
					</div>
					<div class="swiper-slide " style="width: 293px; ">
					<a href="# ">
						<img src="img/32000210.jpg " alt=" ">
						<div class="product-like-name ">Pony Effect&nbsp;丝绒粉饼  #13瓷白</div>
						<div class="prices ">￥208.00<del class="originPrice ">￥208.00</del></div>
					</a>
					</div>
					<div style="width: 293px;margin-right:55px;position: relative ">
					<a href="# ">
						<img src="img/32000211_2.jpg " alt=" ">
						<div class="product-like-name ">Pony Effect&nbsp;丝绒粉饼 #21-1象牙白偏红</div>
						<div class="prices ">￥208.00<del class="originPrice ">￥208.00</del></div>
					</a>
					</div>
					<div style="width: 293px;margin-right:55px;position: relative ">
						<a href="# ">
							<img src="img/file_22_56.jpg " alt=" ">
							<div class="product-like-name ">Pony Effect&nbsp;丝绒粉饼 #22-2米白色偏黄</div>
							<div class="prices ">￥208.00<del class="originPrice ">￥208.00</del></div>
						</a>
					</div>
					<div style="width: 293px;margin-right:55px;position: relative ">
						<a href="# ">
							<img src="img/file_191_4.jpg " alt=" ">
							<div class="product-like-name ">Pony Effect&nbsp;低奢浓密睫毛膏#黑色</div>
							<div class="prices ">￥128.00<del class="originPrice ">￥128.00</del></div>
						</a>
					</div>
					</div>
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
			</div>
		</div>			
		</div>
		<div class="app-banner">
			<div class="make-qr">
				<img src="img/69670f64017d5df2_2.jpeg" alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper"></div>
					<div class="qr-wrapper">
						<img src="img/meme-logo.png" alt=" " />
					</div>
					<div class="meme-logo ">
						
					</div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>					
				</div>				
			</div>
			<div class="make-qr ">
				<img src="img/e7da3ed3a5dec418_2.jpeg " class="bannerImg " alt=" " />
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo "></div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>				
			</div>
			<div class="make-qr ">
					<img src="img/c9df28d344fa73b5_2.jpeg " alt=" " class="bannerImg ">
					<div class="wa ">
						<div class="banner-wrapper "></div>
						<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
						<div class="meme-logo "></div>
						<div class="qr-title ">扫一扫即可查看特惠活动</div>
					</div>				
			</div>
			<div class="make-qr ">
				<img src="img/5a668fa981ac7f51_2.jpeg " alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo "></div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>
			</div>
			<div class="make-qr ">
				<img src="img/ea4ad7e185eb7992_2.jpeg " alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo "></div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>
			</div>
			<div class="make-qr ">
				<img src="img/dc637b86f513910f_2.jpeg " alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo ">
						
					</div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>
			</div>
			<div class="make-qr ">
				<img src="img/bbaf406cda73bdb0_2.jpeg " alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo "></div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>
			</div>
			<div class="make-qr ">
				<img src="img/3d8e26bcef96fb0a_2.jpeg " alt=" " class="bannerImg ">
				<div class="wa ">
					<div class="banner-wrapper "></div>
					<div class="qr-wrapper "><img src="img/meme-logo.png " alt=" " /></div>
					<div class="meme-logo "></div>
					<div class="qr-title ">扫一扫即可查看特惠活动</div>
				</div>
			</div>
		</div>
		<div class="widget widget-new-products center1172">
			<div class="widget-products">
				<ol class="products-list">
					<li  class="item">
						<div class="goods-icon-wrap"><span class="goods-local"></span></div>
                        <a href="# " title="雪纱丝柔防晒隔离霜 " class="product-image " target="_blank ">
                            <img src="img/_40_.jpg " alt="雪纱丝柔防晒隔离霜 ">
                            <h4>LANEIGE 兰芝&nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">雪纱丝柔防晒隔离霜</h3>
                        </a>
						<div class="product-shop">
							<div class="f-fix ">
								<div class="price-box" id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										229.00
									</span>
									<div class="market-price ">
										<span class="pricew ">￥245.00</span>
										<p class="save-price ">
											<span class="pricew " id="product-price-5813-widget-new-list "> 立省 ¥16.00</span>
										</p>
									</div>
								</div>									
							</div>
							<button type="button " class="button btn-car myaddcar ">加入购物车</button>
						</div>							
					</li>
					<li  class="item ">
						<div class="goods-icon-wrap ">
                            <span class="goods-local "></span>
                        </div>
                        <a href="# " title="雪纱丝柔防晒隔离霜 " class="product-image " target="_blank ">
                            <img src="img/thumbnail-change2227.jpg" alt="雪纱丝柔防晒隔离霜 ">
                            <h4>CLIO 珂莱欧 &nbsp;</h4>
                            <h3 class="product-name" style="margin-top: 8px;">完美气垫粉底液套装（送妆前乳）</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix">
								<div class="price-box" id="product-price-5813-widget-new-list">
									<span class="price">
										<span class="symbol">¥</span>
										119.00
									</span>
									<div class="market-price">
										<span class="pricew">￥229。00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list"> 立省 ¥110.00</span>
										</p>
									</div>
								</div>
								
							</div>
							<button type="button " class="button btn-car myaddcar " id="557 ">加入购物车</button>
						</div>

					</li>
					<li  class="item">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/jayjun-_-10_.jpg" >
                            <h4>JAYJUN &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">樱花水光面膜三部曲 10片</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										95.00
									</span>
									<div class="market-price">
										<span class="pricew">￥159.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 ¥64.00</span>
										</p>
									</div>
								</div>
								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/0600_1.jpg" >
                            <h4>LANEIGE 兰芝  &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">夜间保湿修护唇膜</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										99.00
									</span>
									<div class="market-price">
										<span class="pricew">￥125.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 ¥26.00</span>
										</p>
									</div>
								</div>
								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/ahc--b5_30ml.jpg" >
                            <h4>AHC  &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">保湿玻尿酸30ml</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										149.00
									</span>
									<div class="market-price">
										<span class="pricew">￥199.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 ¥50.00</span>
										</p>
									</div>
								</div>
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/prd_1601082307548140.jpg" >
                            <h4>Banila CO芭妮兰  &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">致柔卸妆膏100ml</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										89.00
									</span>
									<div class="market-price">
										<span class="pricew">￥179.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 ¥90.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
						<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/_-10__2.jpg" >
                            <h4>Holika Holika  &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">猪鼻子去黑头收毛孔三部曲 10片</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										99.00
									</span>
									<div class="market-price">
										<span class="pricew">￥119.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 ¥37.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					
					<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/chunyu_1.jpg">
                            <h4>PAPA RECIPE  &nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">春雨蜂蜜面膜 10片</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										85.00
									</span>
									<div class="market-price">
										<span class="pricew">￥140.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 $64.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item ">
						<div class="goods-icon-wrap ">					
                            <span class="goods-local "></span>
                        </div>
                        <a href="#" class="product-image " target="_blank ">
                            <img src="img/_1__12.jpg">
                            <h4>age 20's 爱敬&nbsp;</h4>
                            <h3 class="product-name " style="margin-top: 8px; ">精华气垫粉底膏</h3>
                        </a>
						<div class="product-shop ">
							<div class="f-fix ">
								<div class="price-box " id="product-price-5813-widget-new-list ">
									<span class="price ">
										<span class="symbol">¥</span>
										159.00
									</span>
									<div class="market-price">
										<span class="pricew">￥198.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 $39.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item">
						<div class="goods-icon-wrap">					
                            <span class="goods-local"></span>
                        </div>
                        <a href="#" class="product-image" target="_blank ">
                            <img src="img/_1__12.jpg">
                            <h4>AHC &nbsp;</h4>
                            <h3 class="product-name" style="margin-top: 8px; ">B5玻尿酸爽肤水</h3>
                        </a>
						<div class="product-shop">
							<div class="f-fix ">
								<div class="price-box" id="product-price-5813-widget-new-list ">
									<span class="price">
										<span class="symbol">¥</span>
										79.00
									</span>
									<div class="market-price">
										<span class="pricew">￥129.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 $50.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item">
						<div class="goods-icon-wrap">					
                            <span class="goods-local"></span>
                        </div>
                        <a href="#" class="product-image" target="_blank ">
                            <img src="img/_1__12.jpg">
                            <h4>AHC &nbsp;</h4>
                            <h3 class="product-name" style="margin-top: 8px; ">B5玻尿酸爽肤水</h3>
                        </a>
						<div class="product-shop">
							<div class="f-fix ">
								<div class="price-box" id="product-price-5813-widget-new-list ">
									<span class="price">
										<span class="symbol">¥</span>
										79.00
									</span>
									<div class="market-price">
										<span class="pricew">￥129.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 $50.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
					<li  class="item">
						<div class="goods-icon-wrap">					
                            <span class="goods-local"></span>
                        </div>
                        <a href="#" class="product-image" target="_blank ">
                            <img src="img/_1__12.jpg">
                            <h4>AHC &nbsp;</h4>
                            <h3 class="product-name" style="margin-top: 8px; ">B5玻尿酸爽肤水</h3>
                        </a>
						<div class="product-shop">
							<div class="f-fix ">
								<div class="price-box" id="product-price-5813-widget-new-list ">
									<span class="price">
										<span class="symbol">¥</span>
										79.00
									</span>
									<div class="market-price">
										<span class="pricew">￥129.00</span>
										<p class="save-price">
											<span class="pricew" id="product-price-5813-widget-new-list "> 立省 $50.00</span>
										</p>
									</div>
								</div>								
							</div>
							<button type="button " class="button btn-car myaddcar " id=" ">加入购物车</button>
						</div>
					</li>
				</ol>
			</div>
			
		</div>
		
	</div>
<!--加入购物车的动画-->		
	
		
		<!--底部-->
		<div id="main">
			<div class="main">
				<div class="f-l">
			            <img src="img/genuine.png" alt=" ">
			            <div class="first-co ">
			                100%正品
			            </div>
        			</div>
        			<div class="f-l">
			            <img src="img/low.png" alt=" ">
			            <div class="first-co">
			               	 优质低价
			            </div>
			        </div>
			        <div class="f-l">
			            <img src="img/deliver.png" alt=" ">
			            <div class="first-co">
			                                  极速发货
			            </div>
			        </div>
			        <div class="f-l">
			            <img src="img/refund.png" alt=" ">
			            <div class="first-co">
			                	退换无忧
			            </div>
			        </div>
			</div>
					
		</div>
			<!--关于美美箱-->
			<div class="footer-row-secondary ">
        		<div class="footer-sec-wrap ">
            		<div class="footer-sec-wrap-first ">
                		<div class="text-center ">
                    		<img src="img/szj.jpg " alt=" ">
                		</div>
                		<div class="text-center " style="font-size: 14px;font-weight: bold;margin: 20px 0 10px 0 ; ">
                    		关于我们
                		</div>
                		<div class="clr qr-code-wrapper ">
		                    <div class="f-l text-right " style="width: 43%;position: relative ">
		                        <img src="img/meme.png " alt=" ">
		                        <div class="qr-code download ">
		                            <img src="img/download.png " alt=" ">
		                        </div>
		                    </div>
		                    <div class="f-l text-center" style="width: 14%;position: relative ">
		                        <img src="img/wechat.png " alt=" ">
		                        <div class="qr-code wechat-qr ">
		                            <img src="img/wechatdownload.png " alt=" ">
		                        </div>
		                    </div>
		                    <div class="f-l text-left" style="width: 43%;position: relative ">
		                        <img src="img/sina.png" alt=" ">
		                        <div class="qr-code sina">
		                            <img src="img/sinadownload.png" alt=" ">
		                        </div>
		                    </div>
                		</div>
            		</div>
		            <div class="footer-sec-wrap-sec">
		                <ul class="f-l ">
		                    <span class="sec-title">关于美美箱</span>
		                    <li><a href=" ">美美全球</a></li>
		                    <li><a href=" ">品牌优势</a></li>
		                    <li><a href=" ">消费保障</a></li>
		                    <li><a href=" ">线下体验店</a></li>
		                </ul>
		                <ul class="f-l ">
		                    <span class="sec-title">帮助中心</span>
		                    <li><a href=" ">常见问题</a></li>
		                    <li><a href=" ">账户相关</a></li>
		                    <li><a href=" ">包邮政策</a></li>
		                    <li><a href=" ">支付相关</a></li>
		                    <li><a href=" ">物流相关</a></li>
		                    <li><a href=" ">退换政策</a></li>
		                </ul>
		                <ul class="f-l">
		                    <span class="sec-title">服务协议</span>
		                    <li><a href=" ">服务协议</a></li>
		                    <li><a href=" ">个人网申协议</a></li>
		                    <li><a href=" ">隐私政策</a></li>
		                </ul>
		                <ul class="f-l">
		                    <span class="sec-title">联系我们</span>
		                    <li><a href=" ">商务合作</a></li>
		                    <li><a href=" ">分销合作</a></li>
		                    <li><a href=" ">加入我们</a></li>
		                </ul>
		            </div>
        		</div>
    		</div>-->
    
	    <div class="footer-row-third">
	        <div class="text-center title">
	            	联系客服
	        </div>
        	<div class="text-center cs ">
            	<span class="mr30 ">客服时间 : 周一~周日(9:00 - 21:00) </span> 
            	<span>客服热线: 400-720-9967</span>
                <span class="ml30 ">客服邮箱 :kf@memeboxglobal.com</span>
        	</div>
    	</div>
    	
    	<div class="coright clr ">
	        <div class="f-l ">
	        	<span>© 2015 Memebox Corporation. All Rights Reserved.</span>
	        </div>
	        <div class="f-r ">	        
		        <a href=" " target="_blank "><img style="height: 30px; " src="img/icon.gif " alt=" "></a>
		       	<span></span>
	        	<span> 蜜米柏克思（上海）商贸有限公司</span>
		        <span>上海市杨浦区政立路415号中航天盛广场A座6楼</span> 
		        <span>沪ICP备14043341号</span>
	        </div>
    	</div>
	
	<div id="right">
		<div class="mbar-aside">
    		<div class="mbar-main-panel">
    			
        		<ul class="mbar-center">
            		<li class="me-cart" id="buycar">
	                	<div id="cart-panel">
		                    <i class="me-smallIcon cartIcon"></i>
		                    <span class="cart-name">购物车</span>
		                    <span class="cart-num" style=" ">1</span>
	                	</div>
           			 </li>
		           <li class="me-login">
		                <a href="# "><i class="me-smallIcon userIcon"></i></a>
		                <div class="me-tooltip">个人中心<i class="arrow-l"></i></div>     
		            </li>
		            <li class="me-favorite">
		                <a href="# "><i class="me-smallIcon favoriteIcon"></i></a>
		                <div class="me-tooltip" style="margin-top:0px;">我的收藏<i class="arrow-l "></i> </div>  
		            </li>
		             <li class="me-asset">
		                <a href="#">
		                    <i class="me-smallIcon assetIcon"></i>
		                </a>
		                <div class="me-tooltip">
		                   		我的订单
		                    <i class="arrow-l"></i>
		                </div>
		            </li>
		            <li class="me-support">
	        			<a href="#"><i class="me-smallIcon supportIcon"></i></a>	        					        			
	        			<div class="me-tooltip">在线客服<i class="arrow-l"></i>
						  </div>
	        		</li>
	        		<li class="me-gotop">
	        			<a href="#"><i class="me-smallIcon gotopIcon"></i></a>
	        			<div class="me-tooltip">返回顶部<i class="arrow-l"></i> </div>          
	        		</li>
		        </ul>
    		</div>
		    <div class="mbar-cart " id="mbar-cart">
		        <div class="cart-head clearfix">
		            <span class="cart-title">购物车</span>
		            <i class="me-smallIcon closeCart " title="关闭 ">close</i>
		        </div>
		        <div class="mbar-cart-wrap ">
		            <div class="mbar-cart-empty " style="height: 110px; display: block; ">
		                <p class="mbar-cart-tips ">购物车很空！</p>
		            </div>		            
        		</div>
        		<div class="mbar-cart-box ">
		            <div class="mbar-cart-empty " style="height: 110px; display:none">
		                <p class="mbar-cart-type">极速仓</p>
		                <ul class="mbar-cart-group" id="car-group">
		                	<li>
		                		<div class="cart-img-box"><a href="#"><img class="mbar-cart-img" src="img/_40_.jpg" alt=""></a>
        						</div>
        						<div class="mbar-cart-item">
           							<div class="cart-item-name">
                					<a class="cart-item-link" href="#"><span>LANEIGE 兰芝&nbsp;雪纱丝柔防晒...</span></a>
            						</div>
					            <div class="cart-item-sum">					               
					                <i class="me-smallIcon subtrtIcon"></i>
					               	<input class="mygw" type="text" value="1"/>			                
					                    <i class="me-smallIcon plusIcon"></i>    
					            </div>	
					            	<div class="cart-item-price">¥<span class="danjia">175</span></div>
						            <a class="cart-item-del" href="javascript:void(0);" data-tmp="5813-2282-8124" title="删除">
						                <i class="me-smallIcon deleteIcon"></i>
						            </a>
					        </div>
		                	</li>
		                </ul>
		                <div class="mbar-cart-sum clearfix">
						    <div class="cart-sum-left">
						        本仓共<span class="cart-sum-num">1</span>件商品
						    </div>
						    <div class="cart-sum-right">¥<span class="zongjia">175</span></div>
						</div>
						<div class="mbar-cart-foot">                  
                  		 <a class="cart-sum-pay" href="/checkout/cart">去购物车结算</a>
               			 </div>
		            </div>		            
        		</div>   
    		</div>
    		<script>      			
    			$(function(){
    				var Arrays=new Array();
    				$('.item').click(function(){
    					console.log($(this).index())
//	    				var thisID = $(this).attr('id');		
//						var itemname  = $(this).find('div .name').html();
//						var itemprice = $(this).find('div .price').html();
    				})
    			})
    		</script>
    		
	   	</div>     
	</div>
</body>
</html>
